<!DOCTYPE HTML>
<!--
	Arcana 2.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Two Column 2 - Arcana by HTML5 UP</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700" rel="stylesheet" />
		<script src="js/jquery.min.js"></script>
		<script src="js/config.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-panels.min.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel-noscript.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-desktop.css" />
		</noscript>
		<!--[if lte IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
		<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
	</head>
	<body>

		<!-- Header -->

			<div id="header-wrapper">
				<header class="container" id="site-header">
					<div class="row">
						<div class="12u">
							<div id="logo">
								<h1>Arcana</h1>
							</div>
							<nav id="nav">
								<ul>
									<li><a href="inicio.html">Homepage</a></li>
									<li><a href="threecolumn1.html">Three Column #1</a></li>
									<li><a href="threecolumn2.html">Three Column #2</a></li>
									<li><a href="twocolumn1.html">Two Column #1</a></li>
									<li class="current_page_item"><a href="twocolumn2.html">Two Column #2</a></li>
									<li><a href="onecolumn.html">One Column</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</header>
			</div>

		<!-- Main -->

			<div id="main-wrapper" class="subpage">
				<div class="container">
					<div class="row">
						<div class="3u">
						
							<!-- Sidebar -->
							
								<section>
									<h3>Magna Phasellus</h3>
									<ul class="link-list">
										<li><a href="#">Sed dolore viverra</a></li>
										<li><a href="#">Ligula non varius</a></li>
										<li><a href="#">Nec sociis natoque</a></li>
										<li><a href="#">Penatibus et magnis</a></li>
										<li><a href="#">Dis parturient montes</a></li>
										<li><a href="#">Nascetur ridiculus</a></li>
									</ul>
								</section>

								<section class="last">
									<h3>Ipsum Dolor</h3>
									<p>
										Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam 
										iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat. 							
									</p>
									<ul class="link-list">
										<li><a href="#">Sed dolore viverra</a></li>
										<li><a href="#">Ligula non varius</a></li>
										<li><a href="#">Dis parturient montes</a></li>
										<li><a href="#">Nascetur ridiculus</a></li>
									</ul>
								</section>
						
						</div>
						<div class="9u skel-cell-mainContent">
					
							<!-- Content -->

								<article class="first">
								
									<h2>Two Column #2 (left-hand sidebar)</h2>

									<p>Suspendisse faucibus dictum tellus id posuere. Cras quis eros tellus, id posuere lacus. 
									Praesent ac est eros. Aliquam eleifend nunc ut neque consequat quis suscipit elit tincidunt. 
									Fusce interdum gravida tincidunt. Sed et ante nec ligula fringilla condimentum. Mauris vel 
									sem ac ligula sed lorem vestibulum ornare vel sed nibh. Fusce rhoncus tincidunt ante, non hendrerit 
									magna vestibulum quis. Integer vel enim sem phasellus tempus lorem.</p>

									<p>Maecenas vel mauris sit amet augue accumsan tempor non in sapien. Nulla facilisi. Aliquam
									imperdiet sem et orci adipiscing vehicula sagittis metus consectetur. Mauris a dui dolor magna 
									tristique condimentum nec ut ligula. Sed eu arcu in neque porta iaculis. Mauris fermentum velit 
									sit amet leo convallis consectetur. Ut vel libero dui, eu vehicula velit. Maecenas et justo 
									vitae lacus venenatis vehicula. Ut eget posuere arcu dolore blandit.</p>

									<p>Aenean nec turpis ac ligula posuere eleifend sed a eros. Integer nec nibh interdum nulla 
									fringilla ultricies. Integer semper felis eu ante congue dignissim. Praesent rhoncus nulla 
									sed felis rhoncus et iaculis risus mattis. Nam sed purus dui, a egestas enim. Donec facilisis, 
									enim id fermentum mattis, tellus libero ultricies massa, eu bibendum augue ipsum sit amet 
									ligula. Proin porta sagittis erat ac pharetra. Aenean ultricies enim id mi lacinia rhoncus. 
									Nunc volutpat, turpis vel porta tincidunt, lectus metus fermentum lectus, sed sodales erat 
									nisi non dolor. Pellentesque vitae felis eget turpis rutrum malesuada in non quam. Mauris 
									at lorem vel nunc tristique scelerisque sit amet id nisl. Donec at nisi magna, in pretium 
									ligula. Sed lacus augue, sagittis et gravida viverra, imperdiet eget elit. Morbi malesuada 
									ligula. Proin porta sagittis erat ac pharetra. Aenean ultricies enim id mi lacinia rhoncus. 
									Nunc volutpat, turpis vel porta tincidunt, lectus metus fermentum lectus, sed sodales erat 
									imperdiet sem et orci adipiscing vehicula sagittis metus consectetur. Mauris a dui dolor magna 
									tristique condimentum nec ut ligula. Sed eu arcu in neque porta iaculis. Mauris fermentum velit 
									sit amet leo convallis consectetur. Ut vel libero dui, eu vehicula velit. Maecenas et justo 
									nisi non dolor. Pellentesque vitae felis eget turpis rutrum malesuada in non quam. Mauris 
									at lorem vel nunc tristique scelerisque sit amet id nisl. Donec at nisi magna, in pretium 
									ligula. Sed lacus augue, sagittis et gravida viverra, imperdiet eget elit. Morbi malesuada 
									mauris eu eros rutrum blandit. Cras malesuada rutrum sem, ac vehicula diam volutpat ac. 
									Vestibulum sed tortor purus. Phasellus in lectus fringilla tellus porttitor vehicula 
									ut fermentum metus lorem ipsum dolor sit amet lorem ipsum dolor sit amet nullam consequat
									lorem ipsum dolor sit amet consequat veroeros etiam.</p>

								</article>							

						</div>
					</div>
				</div>
			</div>

		<!-- Footer -->

			<div id="footer-wrapper">
				<footer class="container" id="site-footer">
					<div class="row">
						<div class="3u">
							<section class="first">
								<h2>Ipsum et phasellus</h2>
								<ul class="link-list">
									<li><a href="#">Mattis et quis rutrum sed accumsan</a>
									<li><a href="#">Suspendisse amet varius nibh</a>
									<li><a href="#">Suspenddapibus amet mattis quis</a>
									<li><a href="#">Rutrum accumsan eu varius</a>
									<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
								</ul>
							</section>
						</div>
						<div class="3u">
							<section>
								<h2>Lorem mattis dolor</h2>
								<ul class="link-list">
									<li><a href="#">Duis neque nisi dapibus sed</a>
									<li><a href="#">Suspenddapibus amet mattis quis</a>
									<li><a href="#">Rutrum accumsan eu varius</a>
									<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
									<li><a href="#">Mattis et quis rutrum sed accumsan</a>
								</ul>
							</section>
						</div>
						<div class="3u">
							<section>
								<h2>Mattis quis tempus</h2>
								<ul class="link-list">
									<li><a href="#">Suspendisse amet varius nibh</a>
									<li><a href="#">Suspenddapibus amet mattis quis</a>
									<li><a href="#">Rutrum accumsan eu varius</a>
									<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
									<li><a href="#">Duis neque nisi dapibus sed</a>
								</ul>
							</section>
						</div>
						<div class="3u">
							<section class="last">
								<h2>Odio et phasellus</h2>
								<ul class="link-list">
									<li><a href="#">Rutrum accumsan eu varius</a>
									<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
									<li><a href="#">Duis neque nisi dapibus sed</a>
									<li><a href="#">Mattis et quis rutrum sed accumsan</a>
									<li><a href="#">Suspendisse amet varius nibh</a>
								</ul>
							</section>
						</div>
					</div>
					<div class="row">
						<div class="12u">
							<div class="divider"></div>
						</div>
					</div>
					<div class="row">
						<div class="12u">
							<div id="copyright">
								&copy; Untitled. All rights reserved. | Design: <a href="http://html5up.net">HTML5 UP</a> | Images: <a href="http://fotogrph.com">fotogrph</a>
							</div>
						</div>
					</div>
				</footer>
			</div>

	</body>
</html>